<template>
    <div class="order">
        <div class="order-content">
            <h4>我的订单</h4>
            <div class="order-content-all iconfont"  @click="clickOrder(true)">
                全部订单
                <span class="iconfont">&#xe7eb;</span>
            </div>
            <div class="order-content-mgs iconfont"  @click="clickOrder(true)">
                &#xe60b;
                <p>全部订单</p>
            </div>
            <div class="order-content-mgs iconfont"  @click="clickOrder(false)">
                &#xe62f;
                <p>待收货</p>
            </div>
        </div>
    </div>
</template>

<script>
export default {
  methods: {
    // 点击判断进入的订单页面
    clickOrder (e) {
      this.$router.push({name: 'OrderAll', params: {mark: e}})
    }
  }
}
</script>

<style lang="scss" scoped>
@import '../../assets/styles/global';
.order {
    width: 100%;
    background: #fff;
    padding-bottom: 12px;
    // border-top: 1px solid #ccc;
    .order-content {
        font-size: 20px;
        position: relative;
        h4 {
            font-size: 16px;
            padding: 20px 0 10px 12px;
            border-bottom: 1px solid #eee;
        }
        .order-content-all {
            position: absolute;
            right: 12px;
            top: 20px;
            font-size: 12px;
            color: #555;
            text-decoration: none;
        }
        .order-content-mgs {
            text-decoration: none;
            padding-top: 10px;
            color: skyblue;
            display: inline-block;
            text-align: center;
            width: 48%;
            p {
                margin-top: 4px;
                color: black;
                font-size: 14px;
            }
        }
    }
}
</style>
